<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/academy.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <title>Document</title>
</head>

<body>
    <div class="web">
        <!-- 头部S -->
        <header class="clearfix">
            <div class="list_box fl">
                <label for="person_web_control"><i class="iconfont icon-liebiao"></i></label>
            </div>
            <div class="function_box fr clearfix">
                <div class="icon_box fr">
                    <label for="frmlogin_web_control"><i class="iconfont icon-wode"></i></label>
                </div>
                <div class="icon_box fr">
                    <label for="search_web_contral"><i class="iconfont icon-sousuo3"></i></label>
                </div>
            </div>
            <div class="logo_box">
                <img src="./img/logo-box.png" alt="">
            </div>
        </header>
        <!-- 头部E -->

        <!-- 中心内容S -->
        <section>
            <!-- 轮播图S -->
            <div class="kv">
                <div class="dt">
                    <img src="./img/kv1.png" alt="">
                    <div class="mask clearfix">
                        <p>省广股份携手阿里妈妈举行DT大时代 全息营销ssss</p>
                        <span><i class="iconfont icon-xin"></i>120</span>
                        <span><i class="iconfont icon-iconeye"></i>560</span>
                        <span id="dataa" class="fr"></span>
                    </div>
                </div>
                <div class="page">
                    <ul class="clearfix">
                        <li class="fl active"></li>
                        <li class="fl"></li>
                        <li class="fl"></li>
                        <li class="fl"></li>
                    </ul>
                </div>
            </div>
            <!-- 轮播图E -->

            <div class="kimin">
                <div class="kimin_top clearfix">
                    <div class="kimin_one">
                        <div class="kone_tx fl"></div>
                        <div class="kone_kimin fl">
                            <h3>KIMIN</h3>
                            <p>网络互动中心设计师</p>
                        </div>
                        <a href="">
                            <div class="yubm fr">
                                预约报名
                                <i class="iconfont icon-arrow-down"></i>
                            </div>
                        </a>
                    </div>
                    <div class="kimin_two clearfix">
                        <span class="fl">高端移动应用开发</span>
                        <span class="fr">10月19日 14:00 - 17:30</span>
                    </div>
                </div>
                <div class="kimin_bottom">
                    <img src="./img/xy_tu.jpg" alt="">
                </div>
            </div>

            <div class="kimin">
                <div class="kimin_top clearfix">
                    <div class="kimin_one">
                        <div class="kone_tx fl"></div>
                        <div class="kone_kimin fl">
                            <h3>KIMIN</h3>
                            <p>网络互动中心设计师</p>
                        </div>
                        <a href="">
                            <div class="yubm fr">
                                预约报名
                                <i class="iconfont icon-arrow-down"></i>
                            </div>
                        </a>
                    </div>
                    <div class="kimin_two clearfix">
                        <span class="fl">高端移动应用开发</span>
                        <span class="fr">10月19日 14:00 - 17:30</span>
                    </div>
                </div>
                <div class="kimin_bottom">
                    <img src="./img/xy_tu.jpg" alt="">
                </div>
            </div>

            <div class="kimin">
                <div class="kimin_top clearfix">
                    <div class="kimin_one">
                        <div class="kone_tx fl"></div>
                        <div class="kone_kimin fl">
                            <h3>KIMIN</h3>
                            <p>网络互动中心设计师</p>
                        </div>
                        <a href="">
                            <div class="yubm fr">
                                预约报名
                                <i class="iconfont icon-arrow-down"></i>
                            </div>
                        </a>
                    </div>
                    <div class="kimin_two clearfix">
                        <span class="fl">高端移动应用开发</span>
                        <span class="fr">10月19日 14:00 - 17:30</span>
                    </div>
                </div>
                <div class="kimin_bottom">
                    <img src="./img/xy_tu.jpg" alt="">
                </div>
            </div>

            <div class="kimin">
                <div class="kimin_top clearfix">
                    <div class="kimin_one">
                        <div class="kone_tx fl"></div>
                        <div class="kone_kimin fl">
                            <h3>KIMIN</h3>
                            <p>网络互动中心设计师</p>
                        </div>
                        <a href="">
                            <div class="yubm fr">
                                预约报名
                                <i class="iconfont icon-arrow-down"></i>
                            </div>
                        </a>
                    </div>
                    <div class="kimin_two clearfix">
                        <span class="fl">高端移动应用开发</span>
                        <span class="fr">10月19日 14:00 - 17:30</span>
                    </div>
                </div>
                <div class="kimin_bottom">
                    <img src="./img/xy_tu.jpg" alt="">
                </div>
            </div>

            <div class="more">
                <p>加载更多</p>
            </div>
        </section>
        <!-- 中心内容E -->

        <!-- 底部S -->
        <footer>
            <ul class="clearfix">
                <li class="fl">
                    <a href="http://woojinz.gitee.io/bluej_027_project_gimc.com">
                        <i class="iconfont icon-shouye"></i>
                        <p>首页</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="http://woojinz.gitee.io/bluej_027_project_gimc.com/gimc.html">
                        <i class="iconfont icon-xueshimao"></i>
                        <p>GIMC</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="http://woojinz.gitee.io/bluej_027_project_gimc.com/article.html">
                        <i class="iconfont icon-bi"></i>
                        <p>文章</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="http://woojinz.gitee.io/bluej_027_project_gimc.com/resource.html">
                        <i class="iconfont icon-react"></i>
                        <p>资源</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="http://woojinz.gitee.io/bluej_027_project_gimc.com/academy.html" class="active">
                        <i class="iconfont icon-xueshimao"></i>
                        <p>学院</p>
                    </a>
                </li>
            </ul>
        </footer>
        <!-- 底部E -->
    </div>
</body>
<script src="./js/rem.js" type="text/javascript" charset="utf-8"></script>

</html>